//变量
@import "../../base/base-style/variable.less";
@import "./response.less";
//个人中心
.user-container{
    position:relative;
    width:975px;
    height:682px; 
    background:rgba(125,11,11,1);
    >.mbutton{
        display: none;
    }
    >div{
        float:left;
    }
    .button{
        cursor: pointer;
    }
    >.rightbox{
        display: none;
    }
    >.rightbox.active{
        display: block;
    }
    >.rightbox.omycount.omycount{
        width:816px;
        >.top{
            border-bottom:1px solid rgba(246,185,84,.3);
            width:100%;
            >.a{
                height:287px;
                margin-left:31px;
                border-bottom:1px solid rgba(246,185,84,.3);
                width:760px;
                >div{
                    float:left;
                }
                >.tal{
                    img{
                        margin-top:40px;
                        width:120px;
                    }
                }
                >.tam{
                    margin-left:29px;
                    padding-top:40px;
                    width:360px;
                    .top{
                        color:#fff;
                        font-size:24px;
                        line-height: 24px;
                        height:48px;
                        border-bottom:1px solid rgba(246,185,84,0.3);
                    }
                    .bottom{
                        font-size:14px;
                        color:@fot;
                        >.a{
                            height:68px;
                            padding-top:12px;
                            padding-bottom:12px;
                            >ul{
                                height:100%;
                                float:left;
                            }
                           .a{
                               border-right:1px solid @yel;
                               
                           }
                           .a,.b{
                               width:64px;
                               li:first-child{
                                   height:28px;
                                   line-height:28px;
                                   font-size:28px;
                               }
                               li:last-child{
                                   color:@fot;
                               }
                           }
                           .b{
                               padding-left:29px;
                               
                           }
                        }
                        >.b{
                            height:28px;
                            line-height: 28px;
                            font-size:14px;
                            >div{
                                float:left;
                            }
                            >div:last-child{
                                margin-left:12px;
                            }
                            .progress{
                               width:24px;
                               height:4px;
                               margin-left:6px;
                               margin-top:10px;
                               margin-bottom:2px;
                            }
                            .progress.active{
                                background:@pro;
                            }
                        }
                        >.c{
                            margin-top:12px;
                        }
                        >.d{
                            margin-top:12px;
                        }
                    }
                }
                >.tar{
                    float:right;
                    margin-right:0px;
                    margin-top:41px;
                    width:218px;
                    height:168px;
                    text-align: center;
                    background-image:url(../img/tplimgs/pic.png);
                    background-size:100% 100%;
                    background-color: @rtbg;
                    .a{
                        padding-top:13px;
                        img{
                            width:48px;
                        }
                    }
                    .b{
                        margin-top:13px;
                        background: linear-gradient(to right,@rtlr,@rtm,@rtlr);
                        color:#fff;
                        font-size:12px;
                    }
                    .c{
                        border:1px solid #d5a745;
                        width:60px;
                        margin:13px auto;
                        color:#d5a745;
                    }
                }
                :after{
                    clear:both;
                }
            }
            >.b{
                height:117px;
                >div{
                    float:left;
                }
                >.tbl{
                    .button{
                        float:left;
                        width:166px;
                        height:52px;
                        line-height: 52px;
                        padding-left:20px;
                        margin-left:21px;
                        margin-top:25px;
                        font-size:16px;
                        color:#fff;
                        border-radius:10px;
                        border:1px solid rgba(255,220,136,0.5);
                        background:rgba(184,54,44,.6);
                        span{
                            margin-left:3px;
                        }
                    }
                    .button.a{
                        span{
                            color:rgba(212,21,55,1);
                        }
                    }
                    .button.b{
                        span{
                            color:rgba(253,159,83,1);
                        }
                    }
                    .button.c{
                        display: none;
                        img{
                            width:32px;
                        }
                    }
                   
                }
                >.tbr{
                    padding-left:77px;
                    padding-top:21px;
                    .title{
                        font-size:12px;
                        color:#000;
                    }
                    .url{
                        word-break: break-all;
                        word-wrap: break-word;
                        width:680px;
                        height:40px;
                        box-sizing: border-box;
                        line-height: 40px;
                        padding:0px 18px;
                        background:rgba(87,0,0,1);
                        color:rgba(255,225,225,1);
                        font-size:12px;
                    }
                }
            }
        }
        >.bottom{
            >.title{
                height:63px;
                line-height: 63px;
                .left{
                    color:rgba(0,0,0,1);
                    margin-top:24px;
                    margin-left:31px;
                    font-size:18px;
                }
                .right{
                    float:right;
                    margin-right:29px;
                    color:rgba(236,159,60,1);
                    font-size:18px;
                }
            }
            >.list{
                >li{
                    background:rgba(87,0,0,1);
                    border-radius:10px;
                    height:116px;
                    line-height: 116px;
                    width:260px;
                    float:left;
                    margin-left:10px;
                    margin-bottom:10px;
                    color:rgba(243,164,27,1);
                    .left{
                        float:left;
                        margin-left:18px;
                    }
                    .right{
                        line-height:20px;
                        float:left;
                        margin-left:6px;
                        font-size:14px;
                        .a{
                            margin-top:23px;
                        }
                        .b{
                            margin-top:3px;
                            color:rgba(255,225,225,1);
                        }
                        .button{
                            width:90px;
                            height:26px;
                            line-height: 26px;
                            margin-top:9px;
                            text-align: center;
                            border:0.35px solid rgba(247,160,36,1);
                        }
                    }
                }
            }
        }
        
    }
}
//u币出售
@ubbg:rgb(255,240,240);
.user-container{
    //reset
    input{
        border:none;
        background:transparent;
        outline: none;
    }
    .rightbox.ubcs{
        background:@ubbg;
        width:816px;
        height:100%;
        font-size:14px;
        .a,.b{
            .right{
                border:1px solid #DCDCDC;
                margin-left:29px;
                height:100%;
                background:#fff;
                padding-left:15px;
                border-radius: 3px;
            }
        }
        .left{
            width:100px;
            text-align: right;
        }
        >div{
            margin-left:60px;
            height:44px;
            line-height: 44px;
            >div{
                float:left;
            }
        }
        .a{
            margin-top:50px;
            .left{
                color:#000;
            }
            .right{
                width:216px;
            }
        }
        .b{
            margin-top:30px;
            .left{
                
            }
            .right{
                width:297px;
            }
        }
        .c,.d{
            margin-top:30px;
            height:98px;
            .right.active{
                >.top{
                  border:1px solid #B8362C;
                  .yuan,.tb{
                      color:#B8362C;
                  }
                }
            }
            .right{
                margin-left:29px;
                height:97px;
                >.top{
                    border:1px solid #DCDCDC;
                    height:44px;
                    padding-left:15px;
                    border-radius: 3px;
                    line-height: 43px;
                    text-align: left;
                    width:297px;
                    background:rgba(243,243,243,1);
                    padding:6px;
                    .yuan,.tb{
                        height:31px;
                        float:right;
                        line-height:31px;
                        color:#999;
                        width:50px;
                        text-align: center;
                    }
                    input{
                        float:left;
                        background:#fff;
                        height:31px;
                        width:228px;
                        padding-left:15px;
                        line-height: 31px;
                    }
                }
                >.bot{
                    height:28px;
                    margin-top:5px;
                    line-height: 28px;
                    text-align: left;
                    color:#FF9737;
                }
            }
        }
        .c{
            
            
            .left{
                
            }
            
        }
        .d{
            margin-top:0;
            .left{
                
            }
            .right{
                
            }
        }
        .e{
            margin-top:20px;
            .button{
                width:150px;
                height:44px;
                text-align: center;
                border-radius: 3px;
                font-size:18px;
            }
            .button:first-child{
                color:#000;
                background:rgba(108,37,37,.1);
            }
            .button:last-child{
                margin-left:85px;
                color:#fff;
                background:#B8362C;
            }
        }
    }
}
.container-fluid{
    position:relative;
    .user-container.i.ii{
        position:absolute;
        left:0;
        right:0;
        margin:auto;
    }
}



//交易管理
.user-container{
    .rightbox.managejiaoyi{
        width:816px;
        background:#fff0f0;
        height:100%;
        >.title{
            height:70px;
            line-height: 70px;
            background:#f0dbdb;
            div{
                width:25%;
                float:left;
                text-align: center;
            }
        }
        >.container{
            width:100%;
            padding:0;
            >.list{
                height:70px;
                line-height: 70px;
                div{
                    text-align: center;
                    width:25%;
                    float:left;
                }
                div:nth-child(3){
                    color:red;
                }
                div:nth-child(4){
                    cursor: pointer;
                    color:#fff;
                    width:100px;
                    height:40px;
                    background:#b8362c;
                    display: inline;
                    margin-left:45px;
                    border-radius:5px;
                    line-height: 40px;
                    margin-top:16px;
                }
                clear:both;
            }
            >.list:not(:last-child){
                border-bottom: 1px solid #e0d6d6;
            }
        }
    }
}